import { View, Text, ScrollView, Image} from "@tarojs/components"
import styles from "./index.module.scss"


const FollowPerson = () => {
  return (
    <View className={styles['follow-person']}>
        <View className={styles['follow-avatar-container']}>
            <Image className={styles['follow-avatar']} src={require('@/assets/images/rain.webp')} />
           
        </View>
        <Text className={styles['follow-name']}>张三</Text>
    </View>
  )
}

const Follow = () => {

    const onRefresherWillRefresh = () => {
        console.log('onRefresherWillRefresh')
    }

  return (
    <View className={styles['follow-conrainer']}>
        <Text className={styles['title']}>关注</Text>
        <ScrollView onRefresherWillRefresh={onRefresherWillRefresh} enableFlex scrollX scrollWithAnimation className={styles['follow-list']}>
           {
             Array(100).fill('').map((item, index) => {
                 return <FollowPerson key={index} />
             })
           }
        </ScrollView>
    </View>
  )
}

export default Follow